<template>
    <div class="poa message_fan">
        <title_common :text="'评论'" />
        <div class="content_big">
            <div class="content_big_top">您还没有作品被评论哦</div>
            <div class="content_big_btm">赶快去和好友互动起来吧！</div>
        </div>
    </div>
</template>
<script setup>
import { defineAsyncComponent } from 'vue';
const title_common = defineAsyncComponent(() => import('../common/title_common.vue'))
</script>
<style scoped lang="scss">
@function r($v) {
    @return $v / (390 / 10rem)
}

.content_big {
    margin-top: r(70);
    display: flex;
    color: #fff;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;

    .content_big_top {
        font-size: r(16);
    }

    .content_big_btm {
        margin-top: r(10);
        font-size: r(14);
        color: #8b8c96;
    }
}

.message_fan {
    background-color: #161622;
}
</style>